.contact-page {
    padding-bottom: env(safe-area-inset-bottom);

    .searchbox {
        width: 100%;
        height: 100rpx;
        padding: 0 30rpx;
        box-sizing: border-box;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .search-input {
        width: 100%;
        height: 72rpx;
        background-color: #f2f2f4;
        border-radius: 5px;
        font-size: 30rpx;
        color: #999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .search-text {
        padding-left: 8px;
    }

    .list-cell {
        position: relative;
        width: 100%;
        padding: 26rpx 30rpx;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: #fff;
        font-size: 32rpx;
        color: #333;
        &:active{
            background: $xboot-bg-color-hover !important;
        }
    }

    .list-cell::after {
        content: "";
        position: absolute;
        border-bottom: 1px solid #eaeef1;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        bottom: 0;
        right: 0;
        left: 140rpx;
    }

    .cell-last::after {
        border-bottom: 0 !important;
    }

    /*searchbox*/

    .img {
        width: 35px;
        height: 35px;
        border-radius: 50%;
    }

    .title {
        width: 80%;
        padding-left: 15px;
        font-size: 16px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .list-cell-divider {
        height: 66rpx;
        padding-left: 30rpx;
        font-size: 26rpx;
        color: #555;
        background-color: $xboot-bg-color-grey;
        padding: 0 30rpx;
        display: flex;
        align-items: center;
        font-weight: bold;
        box-sizing: border-box;
    }

    .indexed-list-bar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        z-index: 999999;
        position: fixed;
        top: 132rpx;
        /* #ifdef H5 */
        top: 220rpx;
        /* #endif */
        right: 0;
        padding-right: 10rpx;
        width: 44rpx;
        color: #555;
        font-weight: 500;
    }

    .indexed-list-text {
        font-size: 22rpx;
    }

    .indexed-list-alert {
        position: fixed;
        width: 120rpx;
        height: 120rpx;
        right: 90rpx;
        top: 50%;
        margin-top: -60rpx;
        border-radius: 24rpx;
        font-size: 50rpx;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.65);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        z-index: 9999999;
    }

    .indexed-list-alert text {
        line-height: 50rpx;
    }

    .footer {
        padding: 30rpx 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        color: #999;
    }
}